<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商业管理</title>
		<link rel="stylesheet" href="css/global.css" />
		<link rel="stylesheet" href="css/ext.css" />
		<script type="text/javascript" src="js/echarts.min.js" ></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/lay-common.js" ></script>
	</head>
	<body>
		<div class="page">
			<div class="layui-row layui-col-space10">
				<!-- 第一列 -->
				<div class="layui-col-xs4">
					<div class="layui-row layui-col-space10">
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text titleClick" data-target="tydb">统一待办</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-text">
										<div class="text titleClick selected" data-target="tzgg">通知公告</div>
										<span>2</span>
									</div>
									<div class="layui-box-title-more"></div>
								</div>
								<div class="layui-box-content roll tydb-target" style="display: none;">
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">
												<div>投诉处理流程</div>
												<div class="color-gray font-min">投诉处理流程</div>
											 </div>
											 <div class="title-right">
											 	<div class="title-right-date color-gray">2024-10-10 10:10</div>
											 	<div class="title-right-man color-gray">王小二</div>
											 </div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">
												<div>投诉处理流程</div>
												<div class="color-gray font-min">投诉处理流程</div>
											 </div>
											 <div class="title-right">
											 	<div class="title-right-date color-gray">2024-10-10 10:10</div>
											 	<div class="title-right-man color-gray">王小二</div>
											 </div>
										</div>
									</div>
								</div>
								<div class="layui-box-content roll tzgg-target">
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
									<div class="layui-article-list">
										<div class="layui-article-title">
											 <div class="title-icon"></div>
											 <div class="title-text">调整2019年1-7月自营油调整2019年1-7月自营油自营油调整2019年1-7月自营油</div>
											 <div class="title-right">
											 	<div class="title-right-date">2024-10-10</div>
											 	<div class="title-right-depart">部门办理</div>
											 </div>
										</div>
										<div class="layui-article-content">
											<div class="article">
												我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整我公司通过《有关差旅费优化的会议》的会议对差旅费的请、报销、规范制度做出以下调整
											</div>
											<div class="article-more">【详情】</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<!-- 上日主营收入占比 -->
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">上日主营收入占比</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="chart" id="srzysyzb"></div>
									<script src="js/sygl/srzysyzb.js"></script>
									<div class="chart-px">
										<div class="chart-px-md6">
											<div class="man bg-bottom">
												<img src="img/sygl/supermarket2.png" alt="">
											</div>
											<div class="chart-text">
												<div class="chart-text-p1">
													<div>超市</div>
												</div>
												<div class="chart-text-p2 non-l">
													40%
												</div>
											</div>
										</div>
										<div class="chart-px-md6">
											<div class="chart-text">
												<div class="chart-text-p1">
													<div>餐饮</div>
												</div>
												<div class="chart-text-p2 non-r">
													60%
												</div>
											</div>
											<div class="man bg-bottom">
												<img src="img/sygl/catering2.png" alt="">
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<!-- 客流结构 -->
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">上日能源收入占比</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="layui-col-xs6">
										<div class="chart" id="srnysrzb"></div>
									</div>
									<script type="text/javascript" src="js/sygl/srnysrzb.js"></script>
									<div class="layui-col-xs6">
										<div class="layui-li-box">
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#25A6FF"></div>
												<div class="layui-li-text">汽 油</div>
												<div class="layui-li-price" id="price">830万元</div>
												<div class="layui-li-rate" id="rate">12%</div>
											</div>
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#704FE6"></div>
												<div class="layui-li-text">柴 油</div>
												<div class="layui-li-price" id="price2">830万元</div>
												<div class="layui-li-rate" id="rate2">12%</div>
											</div>
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#2DF3FF"></div>
												<div class="layui-li-text">L N G</div>
												<div class="layui-li-price" id="price3">830万元</div>
												<div class="layui-li-rate" id="rate3">12%</div>
											</div>
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#FF7552"></div>
												<div class="layui-li-text">非油品</div>
												<div class="layui-li-price" id="price2">830万元</div>
												<div class="layui-li-rate" id="rate2">12%</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 第二列 -->
				<div class="layui-col-xs4">
					<div class="layui-row layui-col-space10">
						<!-- 上日营收数据 -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">上日营收数据</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="layui-flow-module">
										<div class="layui-flow-module-text">总营收额</div>
										<div class="layui-flow-module-items color-blue">
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
											<div class="layui-flow-module-item">6</div>
										</div>
										<div class="layui-flow-module-text-r">人</div>
									</div>
									<div class="layui-col-xs12">
										<div class="layui-col-xs4 w-center-200">
											<div class="layui-normal-box">
												<div class="layui-normal-img">
													<img src="img/sygl/service-station.png" />
												</div>
												<div class="layui-normal-word">
													<div class="layui-normal-word-a">18364</div>
													<div class="layui-normal-word-b">油站（万元）</div>
												</div>
											</div>
											<div class="layui-normal-box">
												<div class="layui-normal-img">
													<img src="img/sygl/aerate.png" />
												</div>
												<div class="layui-normal-word">
													<div class="layui-normal-word-a">182</div>
													<div class="layui-normal-word-b">加气（万元）</div>
												</div>
											</div>
										</div>
										<div class="layui-col-xs4 w-center-200">
											<div class="layui-normal-box">
												<div class="layui-normal-img">
													<img src="img/sygl/service-station.png" />
												</div>
												<div class="layui-normal-word">
													<div class="layui-normal-word-a">18364</div>
													<div class="layui-normal-word-b">油站（万元）</div>
												</div>
											</div>
											<div class="layui-normal-box">
												<div class="layui-normal-img">
													<img src="img/sygl/aerate.png" />
												</div>
												<div class="layui-normal-word">
													<div class="layui-normal-word-a">182</div>
													<div class="layui-normal-word-b">加气（万元）</div>
												</div>
											</div>
										</div>
										<div class="layui-col-xs4 w-center-200">
											<div class="layui-normal-box">
												<div class="layui-normal-img">
													<img src="img/sygl/service-station.png" />
												</div>
												<div class="layui-normal-word">
													<div class="layui-normal-word-a">18364</div>
													<div class="layui-normal-word-b">油站（万元）</div>
												</div>
											</div>
											<div class="layui-normal-box">
												<div class="layui-normal-img">
													<img src="img/sygl/aerate.png" />
												</div>
												<div class="layui-normal-word">
													<div class="layui-normal-word-a">182</div>
													<div class="layui-normal-word-b">加气（万元）</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 本月服务区营收排行 -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">本月服务区营收排行</div>
									</div>
									<div class="layui-box-title-right">
										<div class="nav-items" data-target="fwqkllph">
											<div class="nav-item selected" data-target="1">前10</div>
											<div class="nav-item" data-target="2">后10</div>
										</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div id="fwqkllph" class="chart"></div>
								</div>
								<script src="js/sygl/byfwqysph.js"></script>
							</div>
						</div>
						<!-- 本月分公司营收排行 -->
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">本月分公司营收排行</div>
									</div>
								</div>
								<div class="layui-box-content roll">
									<div class="line-item">
										<div class="line-series">1</div>
										<div class="line-total">
											<div class="line-current" style="width: 70%;color: #000000;font-weight: bolder;">
												济徐分公司
											</div>
										</div>
										<div class="line-info">
											客流量：142
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">2</div>
										<div class="line-total">
											<div class="line-current" style="width: 50%;color: #000000;font-weight: bolder;">济徐分公司</div>
										</div>
										<div class="line-info">
											金额：142万元
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">3</div>
										<div class="line-total">
											<div class="line-current" style="width: 20%;color: #000000;font-weight: bolder;">济徐分公司</div>
										</div>
										<div class="line-info">
											金额：142万元
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">4</div>
										<div class="line-total">
											<div class="line-current" style="width: 70%;color: #000000;font-weight: bolder;">济徐分公司</div>
										</div>
										<div class="line-info">
											金额：142万元
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">5</div>
										<div class="line-total">
											<div class="line-current" style="width: 70%;color: #000000;font-weight: bolder;">济徐分公司</div>
										</div>
										<div class="line-info">
											金额：142万元
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">6</div>
										<div class="line-total">
											<div class="line-current" style="width: 70%;color: #000000;font-weight: bolder;">济徐分公司</div>
										</div>
										<div class="line-info">
											金额：142万元
										</div>
									</div>
									<div class="line-item">
										<div class="line-series">7</div>
										<div class="line-total">
											<div class="line-current" style="width: 70%;color: #000000;font-weight: bolder;">济徐分公司</div>
										</div>
										<div class="line-info">
											金额：142万元
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- 第三列 -->
				<div class="layui-col-xs4">
					<div class="layui-row layui-col-space10">
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">本月非主营收入占比</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="layui-col-xs6">
										<div class="chart" id="byfzysrzb"></div>
									</div>
									<script type="text/javascript" src="js/sygl/byfzysrzb.js"></script>
									<div class="layui-col-xs6">
										<div class="layui-li-box layui-li-box-2">
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#28B3B9"></div>
												<div class="layui-li-text">服务区</div>
												<div class="layui-li-price" id="price">830万元</div>
												<div class="layui-li-rate" id="rate">12%</div>
											</div>
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#50C989"></div>
												<div class="layui-li-text">加油站</div>
												<div class="layui-li-price" id="price2">830万元</div>
												<div class="layui-li-rate" id="rate2">12%</div>
											</div>
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#F7B500"></div>
												<div class="layui-li-text">充电桩</div>
												<div class="layui-li-price" id="price3">830万元</div>
												<div class="layui-li-rate" id="rate3">12%</div>
											</div>
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#25A6FF"></div>
												<div class="layui-li-text">广告</div>
												<div class="layui-li-price" id="price2">830万元</div>
												<div class="layui-li-rate" id="rate2">12%</div>
											</div>
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#704FE6"></div>
												<div class="layui-li-text">管道租赁</div>
												<div class="layui-li-price" id="price2">830万元</div>
												<div class="layui-li-rate" id="rate2">12%</div>
											</div>
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#2DF3FF"></div>
												<div class="layui-li-text">占地赔偿</div>
												<div class="layui-li-price" id="price2">830万元</div>
												<div class="layui-li-rate" id="rate2">12%</div>
											</div>
											<div class="layui-li">
												<div class="layui-li-sq" style="background:#FF7552"></div>
												<div class="layui-li-text">其他</div>
												<div class="layui-li-price" id="price2">830万元</div>
												<div class="layui-li-rate" id="rate2">12%</div>
											</div>
										</div>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2" style="margin-bottom: 10px;">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">总收入年度对比</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="chart" id="jjrklldb"></div>
									<script type="text/javascript" src="js/sygl/zsrnddb.js"></script>
								</div>
							</div>
						</div>
						<div class="layui-col-xs12">
							<div class="layui-box layui-box2">
								<div class="layui-box-title">
									<div class="layui-box-title-icon"></div>
									<div class="layui-box-title-text">
										<div class="text">本月能源收入趋势</div>
									</div>
								</div>
								<div class="layui-box-content">
									<div class="chart" id="byklqs"></div>
								</div>
								<script type="text/javascript" src="js/sygl/bynlsrqs.js"></script>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
